import React from 'react'
import { useState } from 'react' 

/**
 * React 的函数式组件（Function Components）和类式组件（Class Components）是两种不同的编写方式，它们有一些关键区别
 * 函数式组件 (Function Components)	类式组件 (Class Components)
 *  状态管理	使用 useState Hook。	使用 this.state 和 this.setState。
 */

export default function App() {
  const [conut,setConut] = useState(0)

  const handekCilck = ()=>{
    setConut(conut+1)
  }

  return (
    <div>
      <span>展示数据:{conut}</span>
      <hr/>
      <button onClick={handekCilck}>点击按钮+1</button>
    </div>
  )
}

